<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/teacherClassroom.css">
    <link rel="stylesheet" href="css/teacherHead.css">
</head>

<body>
    <div class="backgroundImage"></div>
    <div class="contentWhole">
        <div id="cover"></div>
        <div id="COWA">
            <p><span></span> 当前考勤为: <span></span></p><br>
            <p>修改为:</p>
            <button>出勤</button>
            <button>迟到</button>
        </div>
        <div id="scoreAndEvaluate">
            <p>对 <span></span> 的评分与评价</p><br>
            <span> 评分：</span>
            <div id="star" data-score="3"></div>
            <div id="hint" style="display: inline-block;"></div>
            <br>
            <span class='pa'>评价：</span>
            <div class='textarea'><textarea name="" id="evaluate" cols="25" rows="6"></textarea></div>
            <button>提交</button>
        </div>
        <div id="files">
            <p>对 <span></span> 发送文件</p><br>
            <a href="javascript:;" class="file">选择文件
                　　<input type="file" multiple="multiple">
            </a>
            <h6></h6>
            <a href="javascript:;" class="fileClose">清除文件
            </a>
            <ul></ul>
            <button>发送</button>
        </div>
        <!-- 头部 -->
        <div class="head">
            <div class="personal">
                <div class="personalContext">
                    <!-- 头像 -->
                    <!-- 头像鼠标经过会下滑菜单 -->
                    <div class="headPortrait">
                        <img src="" alt="">
                    </div>
                    <!-- 时间 -->
                    <div class="time">
                        <h5></h5><br>
                        <span id="dateTime"></span>
                    </div>
                </div>
            </div>
            <div class="return">
                <a href="javascript:;">
                    <div>
                        <p>返&nbsp;&nbsp;回</p>
                    </div>
                </a>
            </div>
        </div>
        <div class="content">
            <!--聊天框-->

            <div id="dialogBox">
                <h4 id="userName">用户名</h4>
                <div id="tipsUp">
                    <p><img src="image/icon-angle-double-top.png" alt=""><span>99+</span><span>条新消息</span></p>
                    <span class="closeTipsUp"><img src="image/guanbi.png" alt=""></span>
                </div>
                <div id='tipsDown'>
                    <p id="newNews"><img src="image/icon-angle-double-down.png" alt=""><span>99+</span><span>条新消息</span>
                    </p>
                    <span class="closeTipsDown"><img src="image/guanbi.png" alt=""></span>
                </div>
                <ul id="chatValue">
                </ul>
                <div style="height: 30px; border-bottom: 1px solid #ccc;z-index: 90;"></div>
                <div class="SendMessageBox">
                    <textarea name="" id="SendMessageBox" class="" cols="40" rows="30"></textarea><br>
                    <button id="SendMessageBtn">发送</button>
                    <button id="closeChatWindow">关闭</button>
                </div>
                <p id='error'></p>
            </div><br>
            <!--座位-->
            <div class="seatDiv">
                <div id="seat">
                </div>
                <ul class=" contextmenu">
                    <li>
                        <p>修改考勤</p>
                    </li>
                    <hr>
                    <li>
                        <p>评价与评分</p>
                    </li>
                    <hr>
                    <li>
                        <p>发送文件</p>
                    </li>
                    <hr>
                    <li>
                        <p>发送消息</p>
                    </li>
                </ul>
                <div class="platform">讲台
                </div>
                <ul class="platformContextmenu">
                    <li>
                        <p>对全班同学发送消息</p>
                    </li>
                    <hr>
                    <li>
                        <p>对全班同学发送文件</p>
                    </li>
                </ul>
            </div>

            <button id="otherChat" style="margin-left: 500px;">消息</button>
        </div>



    </div>
    <script src="js/jquery1.12.4.js"></script>
    <script src="js/jquery.raty.min.js"></script>
    <script src="js/teacherClassroom.js"></script>
    <script src="js/teacherHead.js"></script>
</body>

</html>